@charset "UTF-8";
.panel {
    overflow: hidden;
    text-align: left;
    margin: 0;
    border: 0;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
}
.panel-header,
.panel-body {
    border-width: $panel-border;
    border-style: solid;
    border-color: $panel-header_panel-body-border-color;  //detail panel边框颜色
}
.panel-header {
    padding: 5px;
    position: relative;
    background: $panel-first-background-color;  //开发端导航树第一行背景颜色
//  background-color: #f3f3f3;
//  background: -webkit-linear-gradient(top,$panel-header-w-l-g1 0,$panel-header-w-l-g2 100%);
//  background: -moz-linear-gradient(top,$panel-header-m-o-g1 0,$panel-header-m-o-g2 100%);
//  background: -o-linear-gradient(top,$panel-header-o-l-g1 0,$panel-header-o-l-g2 100%);
//  background: linear-gradient(to bottom,$panel-header-l-g1 0,$panel-header-l-g2 100%);
//  background-repeat: repeat-x;
   // filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8f8f8,endColorstr=#eeeeee,GradientType=0);
}
.panel-title {
    background: url($panel-title-background) no-repeat;
    font-size: 12px;
    font-weight: bold;
    color:$panel-panel-title-color;  //detail panel字体颜色
    height: 16px;
    line-height: 16px;
}
.panel-header-noborder {
    border-width: 0 0 1px 0;
}
.panel-body {
    overflow: auto;
    border-top-width: 0;
    padding: 0;
    background-color: $panel-body-background-color;   //detail 用户端主窗口最底层背景颜色、开发端背景
    //color: $panel-body-color;
    font-size: $panel-body-font-size;
    //border-left: 1px solid $panel-body-border-left1;   //边框颜色
}
.panel-body-noheader {
    border-top-width: 1px;
    border-color:$panel-body-noheader-border-color; //detail panel边框颜色
}
.panel-body-noborder {
    border-width: 0px;
}
.panel-with-icon {
    padding-left: 18px;
}
.panel-icon,
.panel-tool {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    height: 16px;
    overflow: hidden;
}
.panel-icon {
    left: 5px;
    width: 16px;
}
.panel-tool {
    right: 5px;
    width: auto;
    a {
        display: inline-block;
        width: 16px;
        height: 16px;
        opacity: 0.6;
        filter: alpha(opacity=60);
        margin: 0 0 0 2px;
        vertical-align: top;
        &:hover {
            opacity: 1;
            filter: alpha(opacity=100);
            background-color: #e2e2e2;
            -moz-border-radius: 3px 3px 3px 3px;
            -webkit-border-radius: 3px 3px 3px 3px;
            border-radius: 3px 3px 3px 3px;
        }
    }
}
.panel-loading {
    padding: 11px 0px 10px 30px;
    background: url($panel-loading-background) no-repeat 10px 10px;
}
.panel-noscroll {
    overflow: hidden;
}
.panel-fit,
.panel-fit body {
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
}
.panel-tool-close {
    background: url($panel-tool-close-background) no-repeat -16px 0px;
}
.panel-tool-min {
    background: url($panel-tool-min-background) no-repeat 0px 0px;
}
.panel-tool-max {
    background: url($panel-tool-max-background) no-repeat 0px -16px;
}
.panel-tool-restore {
    background: url($panel-tool-restore-background) no-repeat -16px -16px;
}
.panel-tool-collapse {
    background: url($panel-tool-collapse-background) no-repeat -32px 0;
}
.panel-tool-expand {
    background: url($panel-tool-expand-background) no-repeat -32px -16px;
}
